<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/jsp/pages/include/global.jsp" %>

<c:set target="${self}" property="title">商户管理</c:set>

<c:set target="${self.css}" property="plugins">
<link href="${self.path.metronic}/assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="${self.path.metronic}/assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
</c:set>

<c:set target="${self.js}" property="plugins">
<script src="${self.path.metronic}/assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/scripts/datatable.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
<script src="${self.path.metronic}/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.css}" property="main">

</c:set>

<c:set target="${self.js}" property="main">
<script src="${self.path.resources}/app/js/tenant.js" type="text/javascript"></script>
</c:set>

<c:set target="${self.content}" property="main">
 <div class="row">
    <div class="col-md-12">
        <div class="portlet light">
          <div class="portlet-title">
              <div class="caption">
                  <i class="fa fa-search"></i>数据查询</div>
              <div class="tools">
                  <a href="javascript:;" class="collapse"> </a>
              </div>
          </div>
          <div class="portlet-body form">
              <!-- BEGIN FORM-->
              <form action="#" class="form-horizontal" id="query-tenant-form">
                  <div class="form-body">
                      <div class="row">
                          <div class="col-md-4">
                              <div class="form-group">
                                  <label class="control-label col-md-3">编号</label>
                                  <div class="col-md-9">
                                      <input type="text" class="form-control" name="code">
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-4">
                              <div class="form-group">
                                  <label class="control-label col-md-3">简称</label>
                                  <div class="col-md-9">
                                       <input type="text" class="form-control" name="name">
                                  </div>
                              </div>
                          </div>
                          <!--/span-->
                          <div class="col-md-4">
                              <button type="button" class="btn green query" data-table="#tenant_table">查询</button>
                              <button type="reset" class="btn default">重置</button>
                          </div>
                      </div>
                  </div>
              </form>
              <!-- END FORM-->
          </div>
      </div>
    </div>
</div>

 <div class="row">
    <div class="col-md-12">
		<div class="portlet light">
	         <div class="portlet-title">
	             <div class="caption">
	                 <i class="fa fa-tenants"></i>商户列表</div>
	             <div class="actions">
	                 <a href="javascript:;" class="btn btn-default btn-sm addTenant">
	                     <i class="fa fa-plus"></i> 新增商户 </a>
	             </div>
	         </div>
	         <div class="portlet-body">
	             <table class="table table-striped table-bordered table-hover" id="tenant_table" data-query-form="#query-tenant-form">
	                 <thead>
	                     <tr>
	                         <th> 编号 </th>
	                         <th> 简称 </th>
	                         <th> 企业名称 </th>
	                         <th> 负责人 </th>
	                         <th> 联系电话 </th>
	                         <th> 电子邮箱 </th>
	                         <th> 登录账号 </th>
	                         <th> 操作</th>
	                     </tr>
	                 </thead>
	                 <tbody>
	                     
	                 </tbody>
	             </table>
	         </div>
	     </div>
	
	</div>
</div>

<div class="modal fade bs-modal-lg" id="tenantAddDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="tenantAddDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-tenant-plus"></i>商户定义</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="tenantForm">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户编号[系统自动生成]" name="code" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户简称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户简称" name="name">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">企业名称</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="企业名称" name="company">
				            </div>
				        </div>
				         <div class="form-group">
				            <label class="col-md-3 control-label">负责人</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="负责人" name="charger">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">联系电话</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="联系电话" name="tel">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">电子邮箱</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="电子邮箱" name="email">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>


<div class="modal fade bs-modal-lg" id="tenantEditDialog" tabindex="-1" role="dialog" aria-hidden="false">
	<div class="modal-dialog">
	    <div class="modal-content" id="tenantEditDialogContent">
	        <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	            <h4 class="modal-title"><i class="fa fa-tenant"></i>商户编辑</h4>
	        </div>
	        <div class="modal-body">
	        	<form action="#" class="form-horizontal" id="tenantEditForm">
	        		<input type="hidden" class="form-control" name="id">
				    <div class="form-body">
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户编号</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户编号" name="code" readOnly>
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">商户简称</label>
				            <div class="col-md-8">
				                <input type="text" class="form-control" placeholder="商户简称" name="name">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">企业名称</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="企业名称" name="company">
				            </div>
				        </div>
				         <div class="form-group">
				            <label class="col-md-3 control-label">负责人</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="负责人" name="charger">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">联系电话</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="联系电话" name="tel">
				            </div>
				        </div>
				        <div class="form-group">
				            <label class="col-md-3 control-label">电子邮箱</label>
				            <div class="col-md-8">
				                 <input type="text" class="form-control" placeholder="电子邮箱" name="email">
				            </div>
				        </div>
				    </div>
				</form>
	        </div>
	        <div class="modal-footer">
	            <button type="button" class="btn green ok">保存</button>
	            <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
	        </div>
	    </div>
	    <!-- /.modal-content -->
	</div>
<!-- /.modal-dialog -->
</div>
</c:set>

<%@ include file="/WEB-INF/views/jsp/pages/include/main.jsp"%>